﻿@model CMS2.Models.LogOnModel

@{
    ViewBag.Title = "Log On";
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
   
   <title>Login</title>
   <link rel="stylesheet" href="@Url.Content("~/Content/css/style.css")" />
   <link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css" media="screen"  />
    <link href="@Url.Content("~/Content/login.css")" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Cuprum" />
    
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

        <script type="text/javascript">
            jQuery(document).ready(function () {
                // binds form submission and fields to the validation engine
                jQuery("#form-login").validationEngine();
            });

						

	

    </script>
</head>

<body style=" background-color:White;">
<section id="main-content">
 <header>
	  <div class="centered">
      
	  <h1><a href="./dashboard.html" class="logo">Light life Admin Panel</a></h1>
 
 	  <ul class="menu-head">
      	   <li><a href="#"><span id="visit-icon">Visit site</span></a></li>
      	   <li><a href="#"><span id="news-icon">News</span></a></li>
           <li><a href="#"><span id="statistics-icon">Statistics</span></a></li>
           <li><a href="#"><span id="users-icon">Users</span></a></li>
      </ul>
            
      <nav>
        <ul>
            <li id="login">
                <a id="login-trigger" href="#">
 					<span id="user-panel-check"></span>
  					<span id="user-panel-title">Welcome, <strong>@User.Identity.Name</strong></span>
                    <span id="user-panel"></span>
                </a>
                <div id="login-content">
                  <ul>
                  <li><a href="#"><span>Settings</span> <img src="./images/setting.png" alt=""></a></li>
                  <li><a href="#"><span>Help</span> <img src="./images/help.png" alt=""></a></li>
                  <li><a href="/Account/LogOff"><span>Log Out</span> <img src="./images/logout.png" alt=""></a></li>
                  </ul>
               </div>                     
            </li> 
        </ul>
      </nav>     
       </div>
 </header>

 <section id="form" >
@using (Html.BeginForm("LogOn", "Account", FormMethod.Post, new { id = "form-login" }))
{
    <div id="login-form">
        
            <div id="content-header">

				  <p id="logo">CMS Login</p>
                  <br />
                  <p>To log into the CMS , type your password and log in.</p>
             </div> 
             <br /><br />
            <div class="editor-label">
                @*@Html.LabelFor(m => m.UserName)*@
            </div>
           
            <div class="editor-field">
                @Html.TextBoxFor(m => m.UserName, new { placeholder = "Username", id ="req", @class="validate[required] text-input"})
                @Html.ValidationMessageFor(m => m.UserName)
            </div>
            <br /><br />
            <div class="editor-label">
               @* @Html.LabelFor(m => m.Password)*@
            </div>
            <div class="editor-field">
                @Html.PasswordFor(m => m.Password, new { placeholder = "Password", id="pass", @class="validate[required] text-input" })
                @Html.ValidationMessageFor(m => m.Password)
            </div>
            <br /><br />
            <div class="editor-label">
                @Html.CheckBoxFor(m => m.RememberMe)
                @Html.LabelFor(m => m.RememberMe)
            </div>
            <br /><br />
            <p>
                <input type="submit" name="go"  class="button-a blue" value="Log On" />
            </p>
       
    </div>
}</section>
<div style=" height:150px">
</div>
 <footer>
      <div class="info-footer">
        	<div id="left">
            <ul id="menu-footer">
            	<li><a href="#">Feedback</a></li>
                <li><a href="#">Support</a></li>
            </ul>
            <p>Copyright © 2011-2012  <strong>Iman College</strong></p>
 

	  </div>
            <div id="right">
            	<h1>@Html.ActionLink("Iman College", "LogOn", "Account", new { @class = "logo" })</h1>
            </div>
      </div>
 </footer>
 </section>
</body>
</html>
